<!DOCTYPE html>
<html lang="zh-CN">
	<!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>单位转换</title>
		<link href="./file/style.css" rel="stylesheet">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- Bootstrap -->
		<link href="./file/bootstrap.min.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="./file/navbar-fixed-top.css" rel="stylesheet">
		<!-- Bootstrap Select Style -->
		<link href="./file/bootstrap-select.min.css" rel="stylesheet">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
		<link rel="stylesheet" href="./file/style(1).css">
		
	</head>
	<body>
		<div id="circle" style="display: none;"></div>
		<div id="circle1" style="display: none;"></div>
		<div class="container">
			<h1 class="title">单位转换</h1>
			<div class="alert alert-info">
				教程：你只需要输入你想转换的数字即可!
			</div>
			<form class="form-horizontal" role="form">
				<table class="table table-striped table-bordered table-hover" style="width: 100%;">
					<tbody>
						<tr>
							<th>长度转换</th>
							<th>面积转换</th>
						</tr>
						<tr>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">毫米（mm）</span>
									<input type="number" class="form-control" id="mm" onchange="convert_length(1);" onkeypress="return isNumber(event)">
								</div>
							</td>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">平方毫米（mm²）</span>
									<input type="number" class="form-control" id="mm2" onchange="convert_size(1);" onkeypress="return isNumber(event)"></div>
							</td>


						</tr>
						<tr>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">厘米（cm）</span>
									<input type="number" class="form-control" id="cm" onchange="convert_length(2);" onkeypress="return isNumber(event)">
								</div>
							</td>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">平方厘米（cm²）</span>
									<input type="number" class="form-control" id="cm2" onchange="convert_size(2);" onkeypress="return isNumber(event)">
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">分米（dm）</span>
									<input type="number" class="form-control" id="dm" onchange="convert_length(3);" onkeypress="return isNumber(event)">
								</div>
							</td>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">平方分米（dm²）</span>
									<input type="number" class="form-control" id="dm2" onchange="convert_size(3);" onkeypress="return isNumber(event)">
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">米（m）</span>
									<input type="number" class="form-control" id="m" onchange="convert_length(4);" onkeypress="return isNumber(event)">
								</div>
							</td>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">平方米（m²）</span>
									<input type="number" class="form-control" id="m2" onchange="convert_size(4);" onkeypress="return isNumber(event)">
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">千米（km）</span>
									<input type="number" class="form-control" id="km" onchange="convert_length(5);" onkeypress="return isNumber(event)">
								</div>
							</td>
							<td>
								<div class="col-sm-9 centerd input-group">
									<span class="input-group-addon">平方千米（km²）</span>
									<input type="number" class="form-control" id="km2" onchange="convert_size(5);" onkeypress="return isNumber(event)">
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
		<script src="./file/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="./file/bootstrap.min.js"></script>
		<script src="./file/bootstrap-select.js"></script>
		<script src="./file/bootstrap-select.min.js"></script>
		<script src="./file/function.js"></script>
		<script src="./file/script.js"></script>
		<script>
			$(window).load(function() {
				$("#circle").fadeOut(500);
				$("#circle1").fadeOut(700);
			});
		</script>
		
	</body>
	<style>
		*{
			font:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
			}
	</style>
</html>
